.PlayerFrameOverlay {
    position: absolute;
    inset: 0;
    z-index: 10;

    .PlayerFrameOverlay__content {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgb(0 0 0 / 15%);
        opacity: 0.8;
        transition: opacity 100ms;

        &:hover {
            opacity: 1;
        }

        &--only-hover {
            // When paused only show on hover to allow people to take screenshots
            opacity: 0;
        }
    }
}
